<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="金顾云集团合伙人加盟 - 共创金融生态，共享发展机遇">
    <meta name="keywords" content="金顾云,合伙人加盟,金融生态,创业机会,金融创业">
    <title>合伙人加盟 - 金顾云集团</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/partner.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <script src="js/load-nav.js"></script>
</head>
<body>
    <!-- 导航组件容器 -->
    <div id="nav-container"></div>

    <!-- 主体内容 -->
    <main class="partner-page">
        <!-- Banner -->
        <section class="partner-hero">
        <div class="container">
                <h1>成为金顾云合伙人，共创企业服务新未来</h1>
                <p>我们致力于构建高效的企业服务生态，诚邀业界精英，共享平台价值，共赢市场机遇。</p>
                <a href="#partner-guide" class="btn btn-primary btn-lg">立即了解加盟详情</a>
        </div>
    </section>

        <!-- 嵌套外部链接内容 -->
        <section id="partner-guide" class="partner-guide-section">
            <div class="partner-guide-container">
                <div class="guide-header">
                    <h2>金顾云合伙人指南</h2>
                    <p>了解成为金顾云合伙人的详细流程和权益</p>
                </div>
                <iframe 
                    src="https://h5.testcfcyun.com/partnerQuide/index.html#/"
                    class="partner-guide-iframe"
                    frameborder="0"
                    scrolling="yes"
                    allowfullscreen>
                    <p class="iframe-loading"><i class="fas fa-spinner"></i>加载中...</p>
                </iframe>
                <div class="external-link-notice">
                    <i class="fas fa-external-link-alt"></i>
                    如果您无法加载合伙人指南，请点击<a href="https://h5.testcfcyun.com/partnerQuide/index.html#/" target="_blank">这里</a>查看。
            </div>
            
            <!-- 我要加盟按钮 -->
            <div class="partner-join-cta">
                <a href="apply-partner.html" class="btn-partner-join-cta">
                    <i class="fas fa-handshake"></i>
                    我要加盟
                </a>
                <p class="cta-subtitle">成为金顾云合伙人，共创金融生态未来</p>
            </div>
        </div>
    </section>
    </main>

    <!-- 复制自index.html的footer结构和样式，替换原有footer部分 -->
    <!-- 简洁底部 -->
    <footer class="footer-simple">
      <div class="footer-main">
        <!-- 公司信息 -->
        <div class="footer-brand" style="flex:1 1 0;">
          <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/%E9%87%91%E9%A1%BE%E4%BA%91logo.jpg" alt="金顾云logo" class="footer-logo">
          <div class="footer-tagline">让融资更简单</div>
        </div>
        <!-- 栏目三栏 -->
        <div class="footer-columns" style="flex:1.5 1 0; min-width:260px;">
          <div class="footer-nav-section">
            <h4>融顾服务</h4>
            <a href="finance-outsourcing-center.html">融资外包</a>
            <a href="consultant.html">常顾服务</a>
          </div>
          <div class="footer-nav-section">
            <h4>关于我们</h4>
            <a href="about.html">公司简介</a>
            <a href="club.html">金顾云俱乐部</a>
            <a href="partner.html">合伙人加盟</a>
          </div>
          <div class="footer-nav-section">
            <h4>联系我们</h4>
            <a href="tel:0755-86561203">0755-86561203</a>
            <a href="mailto:service@cfcyun.com">service@cfcyun.com</a>
            
          </div>
        </div>
        <!-- 二维码区域 -->
        <div class="footer-qr" style="flex:3.5 1 0; max-width:900px;">
          <h4>扫码关注</h4>
          <div class="qr-grid">
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1.jpg" alt="金顾云小程序" class="footer-qr-img">
              <span>金顾云小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/2.jpg" alt="金顾云俱乐部小程序" class="footer-qr-img">
              <span>金顾云俱乐部小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/3.jpg" alt="金顾云公众号" class="footer-qr-img">
              <span>金顾云公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/4.jpg" alt="金顾云俱乐部公众号" class="footer-qr-img">
              <span>金顾云俱乐部公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/5.jpg" alt="金顾云公益基金会公众号" class="footer-qr-img">
              <span>金顾云公益基金会公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/6.jpg" alt="金顾云视频号" class="footer-qr-img">
              <span>金顾云视频号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/7.jpg" alt="金顾云俱乐部视频号" class="footer-qr-img">
              <span>金顾云俱乐部视频号</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 底部信息 -->
      <div class="footer-bottom">
        <div class="footer-copyright">
          <span>© 2024 金顾云集团 版权所有</span>
                      <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">沪ICP备2022025984号-3</a>
          <span>沪公网安备31010102007667号</span>
        </div>
		<div class="footer-links">
		  <a href="/privacy">隐私政策</a>
		  <a href="/terms">服务条款</a>
		</div>
       
      </div>
    </footer>

    <style>
    /* 合伙人指南区域样式 */
    .partner-guide-section {
        padding: 0;
        margin: 0;
        background: #f8f9fa;
        position: relative;
    }

    .partner-guide-container {
        max-width: 1200px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    /* 添加顶部装饰条 */
    .partner-guide-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #DE2910, #E84A4D);
        z-index: 10;
    }

    /* 加载状态样式 */
    .iframe-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #666;
        font-size: 1.1em;
        z-index: 5;
    }

    .iframe-loading i {
        font-size: 2em;
        color: #DE2910;
        margin-bottom: 10px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .partner-guide-iframe {
        width: 100%;
        height: 900px;
        border: none;
        display: block;
        background: #fff;
        transition: opacity 0.3s ease;
        font-size: 16px;
        line-height: 1.6;
    }

    /* 优化iframe内容显示 */
    .partner-guide-iframe:not([src]) {
        opacity: 0;
    }

    .partner-guide-iframe[src] {
        opacity: 1;
    }

    /* 添加标题区域 */
    .guide-header {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 24px 40px;
        border-bottom: 1px solid #e9ecef;
        text-align: center;
        position: relative;
    }

    .guide-header h2 {
        color: #333;
        font-size: 1.8em;
        font-weight: 600;
        margin: 0 0 8px 0;
        letter-spacing: 0.5px;
    }

    .guide-header p {
        color: #666;
        font-size: 1em;
        margin: 0;
        opacity: 0.9;
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        .partner-guide-container {
            margin: 20px 20px 40px 20px;
            border-radius: 8px;
        }
        
        .partner-guide-iframe {
            height: 800px;
        }
        
        .guide-header {
            padding: 20px 24px;
        }
        
        .guide-header h2 {
            font-size: 1.6em;
        }
    }

    @media (max-width: 768px) {
        .partner-guide-container {
            margin: 10px 10px 30px 10px;
            border-radius: 6px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }
        
        .partner-guide-iframe {
            height: 700px;
        }
        
        .guide-header {
            padding: 16px 20px;
        }
        
        .guide-header h2 {
            font-size: 1.4em;
        }
        
        .guide-header p {
            font-size: 0.9em;
        }
    }

    @media (max-width: 480px) {
        .partner-guide-container {
            margin: 5px 5px 20px 5px;
            border-radius: 4px;
        }
        
        .partner-guide-iframe {
            height: 600px;
        }
        
        .guide-header {
            padding: 12px 16px;
        }
        
        .guide-header h2 {
            font-size: 1.2em;
        }
    }

    /* 添加外部链接提示 */
    .external-link-notice {
        background: #e3f2fd;
        border: 1px solid #bbdefb;
        color: #1976d2;
        padding: 12px 20px;
        margin: 0;
        font-size: 0.9em;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .external-link-notice i {
        font-size: 1.1em;
    }

    .external-link-notice a {
        color: #1976d2;
        text-decoration: underline;
        font-weight: 500;
    }

    .external-link-notice a:hover {
        color: #0d47a1;
    }

    .external-link-notice {
      margin-bottom: 12px !important;
    }
    .partner-join-cta {
      margin-top: 10px !important;
      padding-top: 20px !important;
    }

    /* 简洁底部样式 */
    .footer-simple {
      background: #f8f9fa;
      border-top: 1px solid #e9ecef;
      margin-top: 60px;
      width: 100%;
    }
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      padding: 48px 40px 32px 40px;
      box-sizing: border-box;
      gap: 32px;
    }
    .footer-brand {
      min-width: 120px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .footer-columns {
      display: flex;
      gap: 48px;
      justify-content: center;
      min-width: 260px;
    }
    .footer-nav-section {
      min-width: 120px;
    }
    .footer-nav-section h4 {
      font-size: 1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
    }
    .footer-nav-section a {
      display: block;
      color: #6c757d;
      text-decoration: none;
      margin-bottom: 8px;
      font-size: 0.9em;
      transition: color 0.2s ease;
    }
    .footer-nav-section a:hover {
      color: #c00;
    }
    .footer-qr {
      min-width: 320px;
      max-width: 900px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-qr h4 {
      font-size: 1.1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
      text-align: center;
    }
    .qr-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 18px 18px;
      justify-content: flex-start;
      max-width: 900px;
    }
    .footer-qr-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 80px;
    }
    .footer-qr-img {
      width: 60px;
      height: 60px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }
    .footer-qr-img:hover {
      transform: scale(1.05);
    }
    .footer-qr-item span {
      font-size: 0.7em;
      color: #6c757d;
      text-align: center;
      margin-top: 2px;
      line-height: 1.2;
      word-wrap: break-word;
      hyphens: auto;
    }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24px 40px;
      border-top: 1px solid #e9ecef;
      font-size: 0.85em;
      color: #6c757d;
      width: 100%;
      box-sizing: border-box;
    }
    @media (max-width: 1100px) {
      .footer-main {
        flex-wrap: wrap;
        gap: 24px;
        padding: 32px 16px 24px 16px;
      }
      .footer-columns {
        gap: 24px;
      }
      .footer-qr {
        min-width: 220px;
        max-width: 100%;
      }
      .qr-grid {
        gap: 12px 12px;
        max-width: 100%;
      }
    }
    @media (max-width: 900px) {
      .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 20px 8px;
      }
      .footer-columns {
        flex-direction: column;
        gap: 8px;
        min-width: 0;
      }
      .footer-qr {
        align-items: flex-start;
        min-width: 0;
      }
      .qr-grid {
        justify-content: flex-start;
      }
    }
    @media (max-width: 700px) {
      .footer-main {
        gap: 12px;
        padding: 10px 2px;
      }
      .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 8px;
      }
    }
    </style>
    <script src="js/main.js"></script>
    <script src="js/partner.js"></script>
</body>
</html> 